<html>
<head>
   <title>Earth Resources Timeline</title>
 
    <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js" type="text/javascript"></script>
    <script src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js"></script>
    <link
   rel="exhibit/data"
   type="application/jsonp"
   href="https://spreadsheets.google.com/ccc?key=tIbZFXrpX5r86-2u35gXbag&hl=en&authkey=CPSW6fUE#gid=0?alt=json-in-script"
   ex:converter="googleSpreadsheets" />
 
</head>
 
<body>
 
<h1>Earth Resources Timeline</h1>
 
    <table width="100%" cellspacing="20">
           <tr valign="top">
              <td>
                 <div ex:role="view"
                        ex:viewClass="Timeline"
                        ex:start=".start"
                        ex:end=".end"
                        ex:topBandUnit="month"
                        ex:bottomBandUnit="year"
                        ex:topBandPixelsPerUnit="100"
                        ex:bubbleWidth="500"
                        ex:bubbleHeight="300"
                        ex:colorKey=".eventType">
                 </div>
                 <center ex:role="logo" ex:color="DimGrey"></center>
              </td>
 
              <td width="20%">
                 <div ex:role="facet" ex:facetClass="TextSearch" ex:facetLabel="Search"></div>
                 <div ex:role="facet" ex:expression=".eventType" ex:facetLabel="Event Type"></div>
              </td>
           </tr>
    </table>
 
    <div ex:role="lens">
           <b ex:content=".label"></b>
           <p><img ex:if-exists=".image" ex:src-content=".image" /></p>
           <p ex:content=".description"></p>
           <i ex:content=".initials"></i>
   </div>
</body>
</html>